<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../js/jquery-3.1.1.js"></script>  
  <script src="../libs/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
<style>
h2{
  margin-bottom: 20px;
}
body>div:nth-child(2){
  margin-bottom: 20px;
  padding-left: 0;
  text-align: center;
  height: 26px;
  line-height: 26px;
}
body>div:nth-child(3){
  margin-bottom: 20px;padding-left: 0;
  text-align: center;
  height: 26px;
  line-height: 26px;
}
#chongzhi{
background-color:#61A4E4 ;
width: 80px;
  height: 26px;
  border-radius: 6px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;
}
#chaxun{
  background-color: #64C8BC;
  width: 80px;
  height: 26px;
  border-radius: 6px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;
}
body>div:nth-child(3)>select,input{
  height: 26px;
}
td{
  padding-bottom: 15px;
  text-align: center;
  color: #A8AFBC;
}
th{
  padding-bottom: 15px;
  text-align: center;
}
</style>
</head>
<body>
  <h2 class="container">考勤管理</h2>
  <div class="container">
  <span class="col-md-1 item">日期</span><input type="date" name="" id="input_1" class=" col-md-2 item">
</div>
<div class="container">
  <span class="col-md-1 item">姓名</span><input type="text" onfocus="this.placeholder=''" onblur="this.placeholder='请输入姓名'" placeholder='请输入姓名' class="col-md-2 item" id="input_2">
  <span class="col-md-1 item">部门</span> <select name="" id="bumen"  class="col-md-2 item">
    <option value="全部">全部</option>
    <option value="维修一部">维修一部</option>
    <option value="维修二部">维修二部</option>
    <option value="维修三部">维修三部</option>
    </select>
  <span class="col-md-1 item">状态</span><select name="" id="work"  class="col-md-2 item">
    <option value="全部">全部</option>
    <option value="正常">正常</option>
    <option value="异常">异常</option>
    </select>
  <div class="col-md-3 item">
  <button id="chongzhi"><span class="glyphicon glyphicon-repeat" aria-hidden="true">重置</span></button>
  <button id="chaxun"><span class="glyphicon glyphicon-ok-circle" aria-hidden="true">查询</span></button>
</div>
</div>
<table class="container">
  <thead>
    <tr>
      <th class="col-md-2 item">姓名</th>
      <th class="col-md-2 item">部门</th>
      <th class="col-md-2 item">工种</th>
      <th class="col-md-2 item">签到</th>
      <th class="col-md-2 item">签退</th>
      <th class="col-md-2 item">考勤状态</th>
    </tr>
  </thead>
  <tbody id="tbody">

  </tbody>
</table>







  <script src="../js/kaoqinguanli.js"></script>
</body>
</html>